<template>
	<view>
		<view class="main01">
			<view class="kuai" v-for="(item, index) in good" :key="index" :data-url="'/pages/goods/goods?id='+item.goods_id" @tap="gotopage">
				<view class="tu"><image :src="item.image" mode="widthFix"></image></view>
				<view class="left">
					<view class="name">{{ item.name }}</view>
					<view class="jia">价值：<text class="w1">{{ item.price }}</text>元</view>
			<!-- 		<view class="jieso">介绍：{{ js}}</view> -->
					<view class="botton">立即购买</view>
				</view>
			</view>
		
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				good:[],
				js:''
			}
		},
		onLoad(e) {
		let me = this;
		uni.setStorageSync('cs',e.id)
		me.Net._get('cylistdata',{},res=>{
		      me.good=res.data.list
			
		});
		
		
		},
		methods: {
			gotopage(e){
				let url = e.currentTarget.dataset.url;		
				uni.navigateTo({
					url:url
				})
			}
			
		}
	}
</script>

<style>

page{ background-color: #fff;}
.main01{
	width: 100%;
}
.kuai{
	display: flex;
	width: 100%;
	border-bottom: 2vw solid #f5f5f5;
	padding-bottom: 3vw;
}
.kuai .tu{
	width: 20vw;
	height: 20vw;
	margin: 3vw 5vw;
}
.kuai .tu image{
	width: 100%;
}
.kuai .left{
	padding-top: 5vw;
	width: 60%;
	line-height: 5vw;
	
}
.name{
	color: #000;
	font-size: 4vw;
	font-weight: bold;
}
.jia,.jieso{
	color: #333;
	font-size: 3.5vw;
}
.w1{
	color: #f80000;
	font-size: 4vw;
}
.botton{
	background-color: #4d726f;
	width: 20vw;
	height: 7vw;
	line-height: 7vw;
	text-align: center;
	color: #fff;
	border-radius: 10vw;
	margin-top: 1vw;
}
</style>
